<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<div th:replace="~{index/fragment/common :: head}"></div>
<body>
    <!-- 欢迎 -->
    <div th:replace="~{index/fragment/common :: welcome}"></div>

    <!-- 导航 -->
    <div th:replace="~{index/fragment/common :: header}"></div>

    <!-- 图片轮播 -->
    <div th:replace="~{index/fragment/common :: jslider}"></div>

    <!-- 项目管理及实施 -->
    <div class="container">
        <div class="biaoti">
            <h2>设备管理及实施</h2>
            <p>致力于万物互联一站式解决方案</p>
            <div class="english"><span>PROJECT</span></div>
        </div>
    </div>

    <div class="line"></div>

    <div class="container mt">
        <div class="row">
            <div class="col-lg-4 col-sm-4">
                <section>
                    <a href="javascript:void(0)">
                        <div class="f-box">
                            <i class="iconfont fa fa-database"></i>
                            <h2>网络安装</h2>
                            <p class="yw">Network installation</p>
                            <u></u>
                            <p class="f-text">致力于网络安装和售后服务，努力成为业内顶级提供商</p>
                        </div>
                    </a>
                </section>
            </div>
            <div class="col-lg-4 col-sm-4">
                <section>
                    <a href="javascript:void(0)">
                        <div class="f-box">
                            <i class="iconfont fa fa-gears"></i>
                            <h2>电子设备</h2>
                            <p class="yw">electronic equipments</p>
                            <u></u>
                            <p class="f-text">致力于电子设备研发工作，努力成为业内优秀的电子设备供货商</p>
                        </div>
                    </a>
                </section>
            </div>
            <div class="col-lg-4 col-sm-4">
                <section>
                    <a href="javascript:void(0)">
                        <div class="f-box">
                            <i class="iconfont fa fa-puzzle-piece"></i>
                            <h2>生物技术研发</h2>
                            <p class="yw">biotechnology R & D</p>
                            <u></u>
                            <p class="f-text">致力于生物技术研发工作，努力成为业内卓越的生物技术研发单位</p>
                        </div>
                    </a>
                </section>
            </div>
        </div>
    </div>

    <!-- 项目案例 -->
    <div class="container">
        <div class="biaoti">
            <h2>项目案例</h2>
            <p>系统集成和运维外包在内的整体服务方案</p>
            <div class="english"><span>CASE</span></div>
        </div>
    </div>

    <div class="line"></div>

    <div class="container mt">
        <div class="row">
            <div class="col-xs-12 col-sm-4 col-md-4" th:each="project : ${projects}">
                <div class="recent-work-wrap">
                    <a th:href="'javascript:void(0)'">
                        <img class="img-responsive" th:src="'/UploadFilePath/project/' + ${project.picture}" ondragstart="return false" th:alt="${project.title}">
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3 th:text="${project.title}"/>
                                <p th:text="${project.content}"/>
                                <!--<a class="preview" href="" rel="prettyPhoto" title=""><i class="fa fa-search"></i></a>-->
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <a href="/Project/projects.html" class="more">查看更多</a>
    </div>

    <!-- 新闻中心 -->
    <div class="news mt">
        <div class="container">
            <div class="row">
                <div class="newtit">
                    <h2>新闻中心</h2>
                    <span>new center</span>
                </div>
                <p class="newstext">让您第一时间内掌握最新动态</p>
                <!-- Nav tabs -->
                <ul class="newsul nav nav-tabs col-lg-offset-4 col-md-offset-4 col-xs-offset-1" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">行业资讯</a></li>
                    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">公司新闻</a></li>
                    <li role="presentation"><a href="/News/industry.html">查看更多</a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-4 col-lg-offset-2 hidden-xs hidden-md img"><img src="/static/index/img/industry.png" ondragstart="return false" width="350"/></div>
                                <div class="col-lg-4 col-xs-12">
                                    <ul class="newslist">
                                        <li th:each="industry : ${industryNews}">
                                            <a th:href="'/News/newsDetail/id/' + ${industry.id} + '.html'" target="_blank">
                                                <i th:text="${industry.title}"/>
                                                <span th:text="${#dates.format(industry.createTime,'yyyy-MM-dd')}"/>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="profile">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-4 col-lg-offset-2 hidden-xs hidden-md img"><img src="/static/index/img/company.png" ondragstart="return false" width="350"/></div>
                                <div class="col-lg-4 col-xs-12 col-md-12">
                                    <ul class="newslist">
                                        <li th:each="company : ${companyNews}">
                                            <a th:href="'/News/newsDetail/id/' + ${company.id} + '.html'" target="_blank">
                                                <i th:text="${company.title}"/>
                                                <span th:text="${#dates.format(company.createTime,'yyyy-MM-dd')}"/>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 合作伙伴 -->
    <div class="container mt">
        <div class="biaoti">
            <h2>合作伙伴</h2>
            <p>价值创新，创造双赢</p>
            <div class="english"><span>Partner</span></div>
        </div>
    </div>

    <div class="container partner mt">
        <div class="row">
            <div class="col-lg-2 col-md-2 col-xs-4" th:each="partner : ${partners}">
                <a th:href="${partner.url}" target="_blank">
                    <img th:src="'/UploadFilePath/partner/' + ${partner.picture}" th:title="${partner.company}" ondragstart="return false"/>
                </a>
            </div>
        </div>
    </div>

    <!-- 地址与留言 -->
    <div class="add mt">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-3 col-xs-12">
                    <h2>我们的地址：</h2>
                    <p th:text="${configs.get('website_address').value}"/>
                    <h2 class="contact">联系方式：</h2>
                    <p th:text="'电话：' + ${configs.get('website_phone').value}"/>
                    <p th:text="'传真：' + ${configs.get('website_fax').value}"/>
                    <p th:text="'邮箱：' + ${configs.get('website_email').value}"/>
                    <p th:text="'联系人：' + ${configs.get('website_admin').value}"/>
                </div>
                <div class="col-lg-4 col-md-3 col-xs-12">

                </div>
                <div class="col-lg-4 col-md-3 col-xs-12">
                    <h2>留言</h2>
                    <form method="post" class="liuyan" action="javascript:void(0)">
                        <div class="form-group">
                            <label for="exampleInputEmail1">姓名</label>
                            <input type="text" class="form-control" id="exampleInputEmail1" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">电话</label>
                            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="">
                        </div>
                        <label for="exampleInputPassword1">给我们留言</label>
                        <textarea class="form-control" rows="3"></textarea>
                        <button type="submit" class="btn btn-default">提交留言</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- 页脚与备案 -->
    <div th:replace="~{index/fragment/common :: copyright}"></div>

</body>
</html>